<!--
	ESTE ES UN DEMO!!!
-->

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://www.icesoft.com/icefaces/component" prefix="ice"%>
<html>
	<head>
		<%@include file="./general/head.jsp" %>
		<script type="text/javascript" src="../estilos/js/scripts.js"></script>
		
	</head>
	<body class="body">
		<table width="800" border="0" align="center" bgcolor="#FFFFFF"
			cellpadding="0" cellspacing="0">
			<tr>
				<td><%@include file="./general/head2.jsp" %></td>
			</tr>
			<tr>
				<td valign="top" align="center">
					<ice:form id="formulario">
						<f:view>
							<!-- CARGA EL ARCHIVO DE ETIQUETAS -->
							<f:loadBundle
								basename="co.com.coomeva.adminEvaluacion.properties.etiquetas"
								var="etiqueta" />

							<ice:panelCollapsible expanded="true" toggleOnClick="true"
								style="width: 600px">

								<!-- TITULO -->
								<f:facet name="header">
									<ice:outputText value="#{etiqueta.title_GestionRelaciones}" />
								</f:facet>
								<br />

								<!-- ETIQUETAS Y CAMPOS -->
								<ice:panelGrid columns="2">
									<ice:outputText value="#{etiqueta.lb_ConsPeriodo} (*)   " />
									<ice:inputText id="consPeriodo" value="#{jefeColaboradorBean.consPeriodo}"
										disabled="#{accionBean.readOnly}" size="20" maxlength="5" />
									<ice:outputText value="#{etiqueta.lb_EmpCodigo}   " />
									<ice:inputText id="empCodigo" value="#{jefeColaboradorBean.empCodigo}" size="20" maxlength="20" />
	                                 <ice:outputText value="#{etiqueta.lb_EmpCargo}  " />
									<ice:inputText id="empCargo" value="#{jefeColaboradorBean.empCargo}" size="20" maxlength="20"></ice:inputText>
								 <ice:outputText value="#{etiqueta.lb_JefeCodigo}  " />
									<ice:inputText id="jefeCodigo" value="#{jefeColaboradorBean.jefeCodigo}" size="20" maxlength="20" />
								 <ice:outputText value="#{etiqueta.lb_CodCiudad}  " />
									<ice:inputText id="empDivision" value="#{jefeColaboradorBean.empDivision}" size="20" maxlength="20" />
								
								</ice:panelGrid>
								<br />

								<!-- BOTONES -->
								<ice:panelGrid columns="5">
									
									<ice:commandButton value="#{etiqueta.btn_Consultar}"
										actionListener="#{jefeColaboradorBean.consultar2}"
										disabled="#{jefeColaboradorBean.inactivarConsultar}" />
									
									
									<ice:commandButton value="#{etiqueta.btn_Limpiar}"
										actionListener="#{jefeColaboradorBean.limpiar}" onclick="limpiar(document.getElementById('formulario'));"/>
								</ice:panelGrid>

								<!-- MENSAJE DE ERROR DE CONVERSION -->
								<ice:messages visible="true" style="color:red;" />

								<!-- TABLA DE RESULTADOS DE CONSULTA -->
								
								
								
								<ice:dataTable rows="5" id="dataRelaciones" var="relaciones"
									value="#{jefeColaboradorBean.listDatos}" border="1" width="500"
									rendered="#{jefeColaboradorBean.resultadoConsulta}">
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_EmpCodigo}" />
											</strong>
										</f:facet>
										<ice:commandLink value="#{relaciones.empCodigo}"
											styleClass="linkTabla" action="#{jefeColaboradorBean.cargarDatos}">
											<f:param value="#{relaciones.empCodigo}" name="empCodigo" />
										</ice:commandLink>
									</ice:column>
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_periodo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{relaciones.consPeriodo}" />
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_empCargo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{relaciones.empCargo}" />
									</ice:column>
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_jefeCodigo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{relaciones.jefeCodigo}" />
									</ice:column>
																		
												<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_CodCiudad}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{relaciones.empDivision}" />
									</ice:column>	
									
								</ice:dataTable>
								
								
								
								
								
								
								
								
								<br />
								
								<!-- PAGINADOR -->
								<ice:dataPaginator id="dataScroll_1" for="dataRelaciones"
									paginator="true" fastStep="3" paginatorMaxPages="4"
									rendered="#{jefeColaboradorBean.resultadoConsulta}">
									<f:facet name="first">
										<ice:graphicImage url="../estilos/imagenes/arrow-first.gif"
											style="border:none;" title="#{etiqueta.title_PrimeraPagina}" />
									</f:facet>
									<f:facet name="last">
										<ice:graphicImage url="../estilos/imagenes/arrow-last.gif"
											style="border:none;" title="#{etiqueta.title_UltimaPagina}" />
									</f:facet>
									<f:facet name="previous">
										<ice:graphicImage url="../estilos/imagenes/arrow-previous.gif"
											style="border:none;" title="#{etiqueta.title_PaginaAnterior}" />
									</f:facet>
									<f:facet name="next">
										<ice:graphicImage url="../estilos/imagenes/arrow-next.gif"
											style="border:none;" title="#{etiqueta.title_ProximaPagina}" />
									</f:facet>
									<f:facet name="fastforward">
										<ice:graphicImage url="../estilos/imagenes/arrow-ff.gif"
											style="border:none;" title="#{etiqueta.title_AvanceRapido}" />
									</f:facet>
									<f:facet name="fastrewind">
										<ice:graphicImage url="../estilos/imagenes/arrow-fr.gif"
											style="border:none;" title="#{etiqueta.title_RetornoRapido}" />
									</f:facet>
								</ice:dataPaginator>
							</ice:panelCollapsible>

						</f:view>
					</ice:form>
				</td>
			</tr>
		</table>
		<%@include file="mensaje.jsp"%>
	</body>
</html>
